<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/hd/hd.css" />
<link rel="stylesheet" type="text/css" href="css/hd/style.css" />
<link rel="stylesheet" type="text/css" href="css/hd/kuCity.css">

</head>
<body class="jz bc-by">
	<form action="" method="post">

		<div>
			<div style="background-color: #1B2B3B">
				<jsp:include page="../NavigationBar.jsp" flush="true"></jsp:include>
			</div>
			<div id="div_1" class="bc-white ">
				<div class="jz wid-1200">

					<input type="text" class="search boder" placeholder="不限">
					<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
					<script src="js/hd/kuCity.js"></script>
					<script>
						$('.search').kuCity();
					</script>

					<div class="calendarWarp">
						<input type="text" name="date" class='ECalendar boder'
							id="ECalendar_case1" style="height: 30px; text-indent: 1em;" />
					</div>
					<span>></span>
					<div class="calendarWarp">
						<input type="text" name="date" class='ECalendar boder'
							id="ECalendar_case2" style="height: 30px; text-indent: 1em;" />
					</div>
					<input class="hei-36 wid-65 bc-yelgre col-white mar-le-20 boder"
						type="submit" value="搜索" /> <input
						class="hei-36 wid-65 mar-le-20 boder"
						style="background-color: #FAFBFD;" type="reset" value="重置" /> <input
						type="button"
						class="fl-r wid-110 boder hei-30 mar-le-20 mar-t-20 bc-white bc-img"
						value="邮箱订阅"
						style="text-indent: 1em; background-image: url(img/youxiang.png); background-repeat: no-repeat; background-position-y: -2px;" />
					<input type="button"
						class="fl-r wid-110 boder hei-30 mar-le-20 mar-t-20 bc-white bc-img"
						value="扫一扫"
						style="text-indent: 1em; background-image: url(img/weixin.png); background-repeat: no-repeat; background-position-y: -2px;" />
					<input type="button"
						class="fl-r wid-110 boder hei-30 mar-le-20 mar-t-20 bc-white bc-img"
						value="+关注"
						style="text-indent: 1em; background-image: url(img/weibo.png); background-repeat: no-repeat; background-position-y: -2px;" />

				</div>
			</div>
			<c:forEach items="${list1 }" var="a">
				<div class=" wid-1200 hei-330 bc-white rela mar-30-au yinying">
					<img class="hei-330 fl-l wid-685" src="${a.getActivity_img()}" />
					<div class="wid-80 hei-50 bc-blue ab-0-0">
						<p class="col-white hei-50 wid-80 text-cen mar-t-8"
							style="font-size: 14px;">
							活动<br /><span name="type_123">${a.getActivity_state()}</span>
						</p>
					</div>
					<div class="fl-l wid-470 hei-270 padd-20">
						<h1>${a.getTitle()}</h1>
						<br />
						<p style="font-size: 18px;">${a.getContent()}</p>
						<br /> <input
							class="hei-40 wid-160 bc-yelgre col-white border-none"
							type="button" value="查看活动" /> <br /> <br /> <input
							class="hei-30 wid-70 col-white bc-orred border-none"
							type="button" value="全国 "
							onclick="javascrtpt:window.location.href='http://www.baidu.com'">
					</div>
				</div>
			</c:forEach>
			<div id="div_3" class="jz wid-1215">
				<c:forEach items="${list2 }" var="a">
					<div 	
						class="kuaiji hei-330 wid-390 bc-white rela mar-7 yinying shouzhi fl-l">
						<img class="fl-l wid-390 hei-180" src="${a.getActivity_img()}" />
						<div class="hei-36 fl-l wid-60 bc-blue ab-0-0">
							<p class="hei-36 wid-60 col-white text-cen mar-t-2"
								style="font-size: 10px;">
								活动<br /><span name="type_123">${a.getActivity_state()}</span>
							</p>
						</div>
						<div class="wid-360 hei-110 fl-l padd-0-15">
							<br />
							<h2>${a.getTitle()}</h2>
							<br />
							<p style="font-size: 12px;">
								${a.getContent()}
							</p>
							<br /> <input
								class="hei-30 wid-70 bc-orred col-white border-none"
								type="button" value="全国">
						</div>
					</div>
				</c:forEach>
			</div>
			<div style="background-color: #1B2B3B;clear:both;">
				<jsp:include page="../weiba.jsp" flush="true"></jsp:include>
			</div>

		</div>
	</form>
	<script src="js/hd/Ecalendar.jquery.min.js" type="text/javascript"
		charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
		$(function() {
			$("#ECalendar_case1").ECalendar({
				type : "date",
				skin : "#233",
				offset : [ 0, 5 ]
			});
			$("#ECalendar_case2").ECalendar({
				type : "date",
				skin : "#233",
				offset : [ 0, 5 ]
			});
			
			var  la = $("[name=type_123]");
			for(var i=0;i<la.length;i++){
				var type = $(la[i]).text();
				if(type == "已结束"){
					$(la[i]).parent().parent().css("background-color","#3D3D3D");
				}
			}
		});
		
		
		
	</script>
</body>
</html>